<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shoppingCar</title>
    <link rel="shoutcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/shoppingCar.css">
</head>
<body>
<!--  顶栏 top Start -->
<div class="ugo_pay_top">
    <div class="w">
        <div class="left fl">
            <a href="#">您好!AngusChan</a>
            <span class="line"></span>
            <a href="#">退出</a>
        </div>
        <div class="right fr">
            <ul class="about_my">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的优购</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">消息</a></li>
                <li><a href="#" class="phone">手机版</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  顶栏 top End -->


<!--  logo logo Start -->
<div class="ugo_pay_logo w">
    <div class="left fl">
        <img src="images/homelogo.png" alt="logo">
    </div>
    <div class="right fr">
        <div class="line"></div>
        <div class="first_step step active">
            <span>我的购物车</span>
        </div>
        <div class="second_step step">
            <span>提交订单</span>
        </div>
        <div class="third_step step ">
            <span>选择支付方式</span>
        </div>
    </div>
</div>
<!--  logo logo End -->


<div class='ugo_shoppingCar clearfix'>
    <!--shoppingCar头部选择-->
    <div class="select clearfix">
        <div class='input'><input type="checkbox" checked='checked' value='全选'></div>
        <ul>
            <li>全选</li>
            <li>商品信息</li>
            <li>单价(元)</li>
            <li>数量</li>
            <li>金额(元)</li>
            <li>操作</li>
        </ul>
    </div>
    <!--产品-->
    <div class="productDetail">
        <div class="product">
            <div class="title">
                <div class='input'><input type="checkbox" checked='checked'></div>
                <h3>优购美国直邮仓</h3>
            </div>
            <div class="product_info">
                <ul>
                    <li>
                        <input type="checkbox" checked='checked'>
                    </li>
                    <li>
                        <a href="#"><img src="images/louis女包.png" alt=""></a>
                    </li>
                    <li>
                        <div class='introduce'>
                            <p class='p1'>【包邮&nbsp;包税】美国直邮&nbsp;Louis Vuitton/女士</p>
                            <p>&nbsp;&nbsp;颜色规格:深棕,尺码规格:中号 <br>&nbsp;&nbsp;税费:¥0.00</p>
                        </div>
                    </li>
                    <li>
                        <div class='price'>
                            <p>¥1399.00</p>
                            <p>1899.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="number">
                            <input type="button" value='-' class='f_left reduce'>
                            <input class='center' type="text" name="" value='1'>
                            <input type="button" value='+' class='f_right increase'>
                        </div>
                    </li>
                    <li>
                        ¥1399.00
                    </li>
                    <li>
                        <div class='operation'>
                            <p><a href="#">收藏</a></p>
                            <p><a href="#">删除</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="total_info clearfix">
                <div class="active f_left">
                    <p>活动优惠:&nbsp;<span>-¥0.00</span></p>
                </div>
                <div class="totalPrice f_left">
                    <p>商品应付总计:&nbsp;<span>¥1399</span></p>
                </div>
                <div class="tax f_right">
                    <p>税费:&nbsp;<span>¥0.00</span></p>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="title">
                <div class='input'><input type="checkbox" checked='checked'></div>
                <h3>优购美国直邮仓</h3>
            </div>
            <div class="product_info">
                <ul>
                    <li>
                        <input type="checkbox" checked='checked'>

                    </li>
                    <li>
                        <a href="#"><img src="images/louis女包.png" alt=""></a>
                    </li>
                    <li>
                        <div class='introduce'>
                            <p class='p1'>【包邮&nbsp;包税】美国直邮&nbsp;Louis Vuitton/女士</p>
                            <p>&nbsp;&nbsp;颜色规格:深棕,尺码规格:中号 <br>&nbsp;&nbsp;税费:¥0.00</p>
                        </div>
                    </li>
                    <li>
                        <div class='price'>
                            <p>¥1399.00</p>
                            <p>1899.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="number">
                            <input type="button" value='-' class='f_left reduce'>
                            <input class='center' type="text" name="" value='1'>
                            <input type="button" value='+' class='f_right increase'>
                        </div>
                    </li>
                    <li>
                        ¥1399.00
                    </li>
                    <li>
                        <div class='operation'>
                            <p><a href="#">收藏</a></p>
                            <p><a href="#">删除</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="total_info clearfix">
                <div class="active f_left">
                    <p>活动优惠:&nbsp;<span>-¥0.00</span></p>
                </div>
                <div class="totalPrice f_left">
                    <p>商品应付总计:&nbsp;<span>¥1399</span></p>
                </div>
                <div class="tax f_right">
                    <p>税费:&nbsp;<span>¥0.00</span></p>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="title">
                <div class='input'><input type="checkbox" checked='checked'></div>
                <h3>优购美国直邮仓</h3>
            </div>
            <div class="product_info">
                <ul>
                    <li>
                        <input type="checkbox" checked='checked'>

                    </li>
                    <li>
                        <a href="#"><img src="images/louis女包.png" alt=""></a>
                    </li>
                    <li>
                        <div class='introduce'>
                            <p class='p1'>【包邮&nbsp;包税】美国直邮&nbsp;Louis Vuitton/女士</p>
                            <p>&nbsp;&nbsp;颜色规格:深棕,尺码规格:中号 <br>&nbsp;&nbsp;税费:¥0.00</p>
                        </div>
                    </li>
                    <li>
                        <div class='price'>
                            <p>¥1399.00</p>
                            <p>1899.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="number">
                            <input type="button" value='-' class='f_left reduce'>
                            <input class='center' type="text" name="" value='1'>
                            <input type="button" value='+' class='f_right increase'>
                        </div>
                    </li>
                    <li>
                        ¥1399.00
                    </li>
                    <li>
                        <div class='operation'>
                            <p><a href="#">收藏</a></p>
                            <p><a href="#">删除</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="total_info clearfix">
                <div class="active f_left">
                    <p>活动优惠:&nbsp;<span>-¥0.00</span></p>
                </div>
                <div class="totalPrice f_left">
                    <p>商品应付总计:&nbsp;<span>¥1399</span></p>
                </div>
                <div class="tax f_right">
                    <p>税费:&nbsp;<span>¥0.00</span></p>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="title">
                <div class='input'><input type="checkbox" checked='checked'></div>
                <h3>优购美国直邮仓</h3>
            </div>
            <div class="product_info">
                <ul>
                    <li>
                        <input type="checkbox" checked='checked'>

                    </li>
                    <li>
                        <a href="#"><img src="images/louis女包.png" alt=""></a>
                    </li>
                    <li>
                        <div class='introduce'>
                            <p class='p1'>【包邮&nbsp;包税】美国直邮&nbsp;Louis Vuitton/女士</p>
                            <p>&nbsp;&nbsp;颜色规格:深棕,尺码规格:中号 <br>&nbsp;&nbsp;税费:¥0.00</p>
                        </div>
                    </li>
                    <li>
                        <div class='price'>
                            <p>¥1399.00</p>
                            <p>1899.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="number">
                            <input type="button" value='-' class='f_left reduce'>
                            <input class='center' type="text" name="" value='1'>
                            <input type="button" value='+' class='f_right increase'>
                        </div>
                    </li>
                    <li>
                        ¥1399.00
                    </li>
                    <li>
                        <div class='operation'>
                            <p><a href="#">收藏</a></p>
                            <p><a href="#">删除</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="total_info clearfix">
                <div class="active f_left">
                    <p>活动优惠:&nbsp;<span>-¥0.00</span></p>
                </div>
                <div class="totalPrice f_left">
                    <p>商品应付总计:&nbsp;<span>¥1399</span></p>
                </div>
                <div class="tax f_right">
                    <p>税费:&nbsp;<span>¥0.00</span></p>
                </div>
            </div>
        </div>
    </div>
    <!--shoppingCar底部结算-->
    <div class="select car_bottom clearfix">
        <div class='input'><input type="checkbox" checked='checked' value='全选'></div>
        <ul>
            <li>全选</li>
            <li class='delete'><a href="#">删除商品</a></li>
            <li class='empty'><a href="#">清空购物车</a></li>
            <li class='money'>总金额(包括运费及税费):&nbsp;<span>¥5596.00</span></li>
            <li class='jieSuan'><a href="order.html">立即结算</a></li>
        </ul>
    </div>
    <!--猜你喜欢-->
    <div class="like clearfix">
        <div class="top ">
            <h3 class='f_left'><a href="#">猜您喜欢</a></h3>
            <div class="change f_right">
                <a href="#"><img src="images/change.png">换一换</a>
            </div>
        </div>
        <div class="like_product clearfix">
            <ul class='clearfix'>
                <li class='first'>
                    <a href="#"><img src="images/洁面乳.png" alt=""></a>
                    <p>资深堂清爽控油洁面乳150ml<br><span>¥39.00</span></p>
                </li>
                <li>
                    <a href="#"><img src="images/洁面乳.png" alt=""></a>
                    <p>资深堂清爽控油洁面乳150ml<br><span>¥39.00</span></p>
                </li>
                <li>
                    <a href="#"><img src="images/洁面乳.png" alt=""></a>
                    <p>资深堂清爽控油洁面乳150ml<br><span>¥39.00</span></p>
                </li>
                <li>
                    <a href="#"><img src="images/洁面乳.png" alt=""></a>
                    <p>资深堂清爽控油洁面乳150ml<br><span>¥39.00</span></p>
                </li>
                <li class='last'>
                    <a href="#"><img src="images/洁面乳.png" alt=""></a>
                    <p>资深堂清爽控油洁面乳150ml<br><span>¥39.00</span></p>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--footer 公共部分开始-->
<!--大banner-->
<div class="footerbanner w clearfix">
    <img src="images/footbanner.png" alt="">
</div>
<!--footer开始-->
<div class="footer ">
    <div class="w ">
        <div class="footerwap clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册与登录</a></dd>
                <dd><a href="#">账户信息维护</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员体系</a></dd>
                <dd><a href="#">常见问题</a></dd>
            </dl>
            <dl>
                <dt>订单服务</dt>
                <dd><a href="#">订单状态说明</a></dd>
                <dd><a href="#">自动取消订单</a></dd>
                <dd><a href="#">上传身份证</a></dd>
            </dl>
            <dl>
                <dt>支付与配送</dt>
                <dd><a href="#">支付方式</a></dd>
                <dd><a href="#">优惠券和红包</a></dd>
                <dd><a href="#">如何提现</a></dd>
                <dd><a href="#">配送方式</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">消费维权</a></dd>
                <dd><a href="#">纠纷处理</a></dd>
                <dd><a href="#">退货规则</a></dd>
            </dl>
            <div class="footer_title">
                <a href="#" class="footer_logo">优购</a>
                <p>关注我们</p>
                <a href="#" class="footer_wx" title="微信">微信</a>
                <a href="#" class="footer_wb" title="微博">微博</a>
            </div>
        </div>
        <div class="footerlink">
            <a href="#">关于我们</a>|<a href="#">联系我们</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>| <a href="#">商家入驻</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>
        </div>
    </div>
</div>
</body>
</html>